*{ margin:0;border:0;list-style-type:none;padding:0; }
a{ cursor:pointer; }
#panel, td, h2 { font-size: 12px; }
h1 { margin: 5px;font-size: 1.5em; font-weight: bold; }
h2 { margin: 5px;font-size: 1em; font-weight: bold; }
h4 { border-bottom:1px solid; padding:0.2em; margin:1em 0.5em 0.5em; font-size:1.1em; }
#panel { font-family:Arial,Verdana,Helvetica; width:100%;}
#head { text-align: center; font-weight: bold; font-family:Verdana; background-color: transparent ; padding:10px 10px 0 10px;z-index:2;position:relative; }
#head a { font-family:Verdana; text-transform:capitalize; }
#nowc { width:100%; cursor:pointer;}
#currencity { position:relative; font-family:Verdana; font-size:1.3em; margin:0 40px; }
.popupbox { opacity:0.95; filter:alpha(opacity=95); display:none; position:absolute; left:0; border:1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; order-radius: 5px; z-index:1; }
#msg,#setting,#maps{margin:0 10px;}
#urlary { font-size:0.6em;  padding:10px 0; }
#editbox, #msgbox { padding:10px; font-size:1em; }
.editbutton,.closebutton { float:right; z-index:3; }
#mapsclose { margin-top:10px; position:absolute; right:20px; display:none; z-index:1; }

#NowCityList a { padding:0 0.3em; }
#NowCityList li { position:relative; padding:0.1em; }
#NowCityList li span { display:block; position:absolute; padding:0.1em; }
#NowCityList li.controloff span { left:-5000px; right:auto; top:0px; }
#NowCityList li.controlon span{ left:auto; right:0px; top:0px; }

#weatherPanel { z-index:0; position:relative; }
	
#unit { clear:both; margin:5px 0; }
	
#cc{ position:relative; }
#ccRight { position:absolute; right:10px; top:55px; }
#temp{ font-family: Verdana; font-size: 2em; font-weight: bold; text-align:right; position:absolute; top:0px; right:1px; }

#df { position:relative; width:100%; }
#content { padding: 0 10px; }
#Bleft, #Bright { font-weight: bold; position:absolute; z-index:3; opacity:0.5; filter:alpha(opacity=50); font-size:40px; padding:13px 0; display:none; }
#Bright {right:0px;text-align:right;}
#dayf {overflow: hidden;position: relative;height:85px;}
#Container { position: absolute; left: 0px; top: 0px; width: 1000px; height:85px; }
.dayn { padding: 0 8px; float: left; }

#foot { font-family:Verdana; font-size:0.9em; padding:0px 10px 10px 10px; }
#copyright a{ font-family:Verdana; font-size:0.9em; }
#copyrightlogo img { height:31px; }

#ScrollerHour { position: relative; overflow: hidden; height: 240px; }
.Container { position: relative; top: 0px; left: 0px; height: 280px; margin-right:15px; z-index:0; }
.Scroller-Container { position: relative; top: 0px; left: 0px; }

.ui-slider-vertical .ui-slider-handle { left:0; margin-bottom:0; margin-left:0; }
.ui-slider .ui-slider-handle { cursor:default; height:1.5em; position:absolute; width:10px; z-index:2; background-color:#eee;}
#slider-vertical { height:220px; position:absolute; right:10px; top:50px; width:10px; background-color: #CCC; }

.hh, .htmp{ width:12%; }
.hicon{ width:22%; }
.hicon img{ height:34px; }
.hhmin{ width:11%; }
.hwt{ width:25%; }
.hws{ width:15%; }

#swa{ display:none; }
em{ font-family:arial; font-size:77%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; padding-left:4px; }
.new{ font-size: 9px; font-family:lucida grande,arial,helvetica,sans-serif; }
#loading { position: absolute; left:-200; top:-200; z-index:10; display:none; }
#debug_div {color: red;}

.ui-slider { position: relative; text-align: left; }
#colors .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: 10px; cursor: default; }
#colors .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

#colors .ui-widget-content {border:1px solid #AAAAAA;color:#222222;}
#colors .ui-widget {font-size:10px;}
#colors .ui-state-default{background:#E6E6E6;border:1px solid #D3D3D3;}
  
#red, #green, #blue {width: 100px;margin: 4px 25px;}
.colorblock {width: 10px;height: 10px;margin-top: 3px;background-image: none;border: #AAAAAA 1px solid;}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 0.7em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee  50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828  50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Icons
----------------------------------*/

/* states and images */
.ui-state-hidden { visibility:hidden; }
.ui-icon{ background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-99999px; margin-top:2px;}
.ui-icon { width: 16px; height: 16px; background-image: url(http://myweather.googlecode.com/svn/trunk/images/ui-icons_ef8c08_256x240.png); }
span.ui-state-hover, span.ui-state-focus {background-image: url(http://myweather.googlecode.com/svn/trunk/images/ui-icons_ffd27a_256x240.png); }
.ui-save-icon { background-position:-96px -112px; }
.ui-icon-check { background-position:-64px -144px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}